<div class="panel panel-info">
    <div class="panel-body update">

        <img style="margin:2px;" src="/Image/getUserImage?id={{u_image_id}}"
             class="img-circle"/>
        <span style="vertical-align:top; text-transform: capitalize;">
            <a href="/people/profile?id={{uid}}" style="font-weight:bold;vertical-align:top;"> {{name}} </a>
        </span>

        <span style="vertical-align:top;">
            create a poll on {{date}}
        </span>


        <a style="vertical-align:top;float:right" href="javascript:" title="Remove update" class="js_remove_update removeButton" >X</a>
        <hr>
        {{title}}

        <blockquote>{{{update_txt}}}</blockquote>

        <ul class="list-group question">


            {{#poll_data.options}}
            <!--$(this).data('number'), updateId = $(this).data('updateId'); -->
              <li class="list-group-item option" >
                  <input data-number="{{index}}" data-updateId="{{upid}}" type="radio" name="option"> {{title}}
              </li>
            {{/poll_data.options}}

            <li class="list-group-item thankyou" style="display:none;" >

                <span class="message"  > You responded as </span> <span class="message js_response"  > <b> <i>{{response_title}} </i></b> </span>

                <a style="font-size: 11px;"  href="javascript:" class="change">Change.</a> <br />


                <div  class="commentTxt" style="display: none;">
                    <span style="color: grey;font-size: 10px;">With Comment <a href="javascript:" class="edit" >Edit</a></span>
                    <blockquote></blockquote>
                </div>

                <a class="fileComment" href="javascript:" >Comment.</a>
            </li>
            <li class="list-group-item comment" style="display:none;">
                <textarea style="width:100%;"></textarea>
                <div class="panel-footer" style="">
                    <button class="btn btn-primary btn-sm submit" title=".">Update</button>
                    <button class="btn btn-default btn-sm cancel" style="float: right">Cancel</button>
                </div>
            </li>

        </ul>
    </div>
    <div class="panel-footer">



        {{#resExists}}
        <div >
            <ul class="list-group">
                <li class="list-group-item">
                    <div class="detailDiv">
                        Summary of response <a class="detail resdetail" data-update="{{upid}}" href="javascript:" >Show details ({{totalResCount}} responses)</a> </li>
                   </div>
               {{#poll_data.options}}
                <li  class="list-group-item">
                           <span > {{resp_count}} people responded as
                               <i>{{title}}</i>
                           </span></li>
                <div style="background-color: #ac2925;width: {{percentage}}%;color: white;padding: 5px;margin-bottom:2px; "></div>
                {{/poll_data.options}}
            </ul>
        </div>
        {{/resExists}}

        {{^resExists}}
          No responses yet.
        {{/resExists}}




    </div>
    <ul class="list-group"></ul>
</div>